<template>
  <div v-else-if="this.$props.fromType===1" class="frameClassEditPic">
    <div class="borderBottom">
      <div class="headTitleClass">
        <span>{{this.$props.headTitle}}</span>
        <div class="headSonTitleClass">
          <span>{{this.$props.headSonTitle}}</span>
        </div>
      </div>
    </div>
    <div class="sonFrameClass">
      <SingleFileContent  :titleImg='""' :fromType="1" :fileType='".jpg,.jpeg,.png,.JPG,.JPEG,.bmp,.gif"':queryNum=0 :maxImg=1 :typeImg=1  :fileUrlsArray="this.fileUrlsArray"  @getFileUrls="getFileUrls" ></SingleFileContent>
    </div>
  </div>
</template>
<script>
  import SingleFileContent from 'components/fileUpload/singleFileContent.vue';
  export default {
    components: {
      SingleFileContent
    },
    props: {
      headTitle: {
        type: String
      },
      headSonTitle: {
        type: String
      },
      roleType: {
        type: Number
      },
      fileUrlsArray: {
        type: Array
      }
    },
    data() {
      return {
        titleImage: '',
        fileNameArr: [],
        fileUrlArr: []
      };
    },
    methods: {
      getFileUrls(titleImg, fileNameArray, fileUrlArray) {
        this.titleImage = titleImg;
        this.fileNameArr = fileNameArray;
        this.fileUrlArr = fileUrlArray;
        this.$emit('getFileUrls', this.titleImage, this.fileNameArr, this.fileUrlArr);
      }
    }
  };
</script>
<style>
  .borderBottom {
    border-bottom: 1px dashed #e5e5e5;
  }

  .frameClassEditPic {
    width: 958px;
    height: 280px;
    margin-top: 2px;
    background-color: white;
    border: 1px solid #e5e5e5;
  }

  .sonFrameClass {
    padding-top: 15px;
    margin-left: 20px;
    height: auto;
    width: 900px;
    background-color: white;
    
  }

  .headTitleClass {
    margin-left: 20px;
    margin-top: 15px;
    font-size: 14px;
    color: #333333;
  }

  .headTitleClass .headSonTitleClass {
    margin-left: 0px;
    margin-top: 10px;
    height: 30px;
    font-size: 12px;
    color: #b2b2b2;
  }

  i.icon {
    margin-left: -7px;
    color: #ff6c2b;
    font-size: 22px;
  }
</style>
